<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
		<style>
			table {
				width: 100%;
				/* 合并相邻单元格的边框 */
				border-collapse: collapse;
			}
			th,
			td {
				border: 1px solid #eee;
				padding: 10px;
				text-align: left;
			}
			th {
				background-color: #efefef;
			}
			/* 光棒效果 */
			tbody tr:hover {
				background-color: #efefef;
			}
		</style>
	</head>
	<body>
		<table>
			<thead>
				<tr>
					<th>ID</th>
					<th>NAME</th>
					<th>AGE</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>1</td>
					<td>Lucy</td>
					<td>20</td>
				</tr>
				<tr>
					<td>2</td>
					<td>Lily</td>
					<td>22</td>
				</tr>
				<tr>
					<td>3</td>
					<td>Apple</td>
					<td>200</td>
				</tr>
				<tr>
					<td>3</td>
					<td>Apple</td>
					<td>200</td>
				</tr>
				<tr>
					<td>3</td>
					<td>Apple</td>
					<td>200</td>
				</tr>
				<tr>
					<td>3</td>
					<td>Apple</td>
					<td>200</td>
				</tr>
				<tr>
					<td>3</td>
					<td>Apple</td>
					<td>200</td>
				</tr>
				<tr>
					<td>3</td>
					<td>Apple</td>
					<td>200</td>
				</tr>
				<tr>
					<td>3</td>
					<td>Apple</td>
					<td>200</td>
				</tr>
			</tbody>
		</table>
	</body>
</html>
